lil somthin'

Replace the XXXXXXXXXX 's with your friend id.

Made in Fire Fox.

I JUST REALIZED I FOR GOT TO PUT IN THE LINKS, BUT NOW THE XXXXXXXXX ARE THERE! sorry.

=]

• This is a div overlay layout, html knowledge required!
• 1. Log into myspace.com
• 2. Click on Edit Profile (Profile 1.0)
• 3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><p><a href="http://iwontrapeyou.createblog.com/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css"> img {border:0px;} a:active,a:visited,a:link,a{ color:000000; font-size:10px; background-color: FFFFFF; margin-top:1px; cursor:default; font-weight:normal; letter-spacing:1px; font-family:arial; text-decoration:none; text-transform:uppercase; } a:hover{ color:686533; font-size:10px; margin-top:1px; background-color: FFFFFF; cursor:default; font-weight:normal; letter-spacing:1px; font-family:arial; text-decoration:none; text-transform:uppercase;} img {border:0px;} H1{ width: auto; height: 25px; background-color: FFFFFF; background-image:url(http://cbimg9.com/layouts/08/05/27613ac.png); background-position:bottom right; background-repeat:y-repeat; font-size: 18px; color:2c0000; font-weight: none; font-variant: small-caps; letter-spacing: 2px; font-family: Palatino Linotype, Palatino; text-align: center; padding-left:5px; padding-right:5px; margin-top:0px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; border:none; } h1:FIRST-LETTER { font-size: 18px; color:000000; font-weight: bold; font-variant: small-caps; letter-spacing: 1px; font-family: Palatino Linotype, Palatino; } U { font: time; font-size: 11px; border-bottom: 1px solid; border-bottom-color: 000000; text-decoration: none; text-transform:none; color: 4e0000; } I { font-family: arial; font-style: italic; font-size: 10px; letter-spacing: 2px; text-transform:uppercase; color: 4e0000; } S { font-style: strike; font-size: 10px; color: ffffff; } B { font-family:arial; font-size:12px; color:000000; letter-spacing: -1px; font-weight:none; border:0px; text-transform: none; } .aboutme2{ font-family:arial; font-size:8pt; font-weight:normal; text-transform:none; line-height:14 px letter-spacing:0px; color:000000;} </style> <STYLE TYPE="text/css"> body { background-image:url(""); background-attachment: fixed; background-repeat: repeat; background-position: center; background-color: white; scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white; }</style> <style type="text/css"> div { filter:chroma(color= purple); scrollbar-arrow-color: black; scrollbar-face-color: purple; scrollbar-3dlight-color: purple; scrollbar-darkshadow-color: purple; scrollbar-highlight-color: purple; scrollbar-shadow-color: purple; scrollbar-track-color: purple; base-color: purple; } </style> <style> .profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important; }div table div, table table div { display:block!important; padding:0; }table, tr, td { background:none; border:none; }.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }.clearfix { position:relative; top:-30px; width:728px; }.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }.clearfix .clearfix div { margin:45px 0 0; }.clearfix .clearfix div div { margin:auto; }.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;} </style> <Style>body{overflow-x:hidden} body{background-color:4e0000;background-image:url(); </style> <div class="cocaine" style="position: absolute; left:0px; top:99px; width:autopx; height:auto; overflow: hidden;"> <img src="http://cbimg9.com/layouts/08/05/27613aa.png"> </div> <div class="cocaine" style="position: absolute; left:0px; top:0px; width:autopx; height:auto; overflow: hidden;"> <img src="http://cbimg9.com/layouts/08/05/27613ab.gif" border="0" alt=""></a> </div> <style type="text/css"> .cred {display:block;width:148px;height:79px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ad.png"); background-repeat:no-repeat; background-position:top left; } .cred:hover {display:block;width:148px;height:79px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ae.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style type="text/css"> .pic {display:block;width:191px;height:74px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613af.png"); background-repeat:no-repeat; background-position:top left; } .pic:hover {display:block;width:191px;height:74px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ag.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style type="text/css"> .block {display:block;width:156px;height:121px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ah.png"); background-repeat:no-repeat; background-position:top left; } .block:hover {display:block;width:156px;height:121px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ai.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style type="text/css"> .home {display:block;width:285px;height:176px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613aj.png"); background-repeat:no-repeat; background-position:top left; } .home:hover {display:block;width:285px;height:176px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ak.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style type="text/css"> .add {display:block;width:136px;height:101px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613al.png"); background-repeat:no-repeat; background-position:top left; } .add:hover {display:block;width:136px;height:101px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613am.png"); background-repeat:no-repeat; background-position:bottom left;} </style> <style type="text/css"> .write {display:block;width:175px;height:131px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613an.png"); background-repeat:no-repeat; background-position:top left; } .write:hover {display:block;width:175px;height:131px; background-color:transparent; background-image:url("http://cbimg9.com/layouts/08/05/27613ao.png"); background-repeat:no-repeat; background-position:bottom left;} </style>

<div class="aboutme2" style="position: absolute; left:295px; top:240px; width:350px; height:460px; overflow: auto;"> <h1>Header One</h1> <img src="http://cbimg9.com/layouts/08/05/27613ap.png" align="left"> <u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a> <br /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. </div> <div class="aboutme2" style="position: absolute; left:715px; top:235px; width:210px; height:180px; overflow: auto;"> <center> <a href="url" target="_blank"> Friend</a> <a href="url" target="_blank">Friend</a> <a href="PUT FRIENDS PAGE URL HERE!!!" target="_blank">Friend</a> <a href="PUT FRIENDS PAGE URL HERE!!!" target="_blank">Friend</a> <a href="PUT FRIENDS PAGE URL HERE!!!" target="_blank">Friend</a> <a href="PUT FRIENDS PAGE URL HERE!!!" target="_blank">Friend</a> <a href="PUT FRIENDS PAGE URL HERE!!!" target="_blank">Friend</a> <a href="PUT FRIENDS PAGE URL HERE!!!" target="_blank">Friend</a> <br><br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. </center> </div> <div class="aboutme2" style="position: absolute; left:758px; top:628px; width:150px; height:80px; overflow: auto;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" class="drama">OMG! Comment me!</textarea><br /><input type="submit" value="Send It" class="button"></form> <style type="text/css"> textarea.drama {width:135px; height:44px;padding:1px;margin:0px;color:000000;font-size:8pt;font-family:arial;background-color:transparent;background-image:url(); background-position:bottom left; background-repeat:repeat;font-weight:normal;line-height:7px;text-transform:none;border-color:transparent; border-style:solid; border-width:0px; letter-spacing:0px;} input.button {width:135px;height:12px;color:000000;padding:0px;margin:0px;font-size:5pt;font-family:small fonts;background-color:transparent; border-color:transparent; border-style:solid; border-width:0px; text-transform:uppercase;text-align:right;font-weight:normal;} </style> </div> .. --> XXXXXXXXX ARE LOCATED UNDER HERE --> <div class="aboutme2" style="position: absolute; left:54px; top:145px; width:200px; height:100px; overflow: auto;"> <a href="http://iwontrapeyou.createblog.com/layouts/" class="cred"></a> </div> <div class="aboutme2" style="position: absolute; left:741px; top:516px; width:200px; height:100px; overflow: auto;"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="pic"></a> </div> <div class="aboutme2" style="position: absolute; left:500px; top:123px; width:200px; height:300px; overflow: auto;"> <a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="block"></a> </div> <div class="aboutme2" style="position: absolute; left:10px; top:365px; width:300px; height:200px; overflow: auto;"> <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="home"></a> </div> <div class="aboutme2" style="position: absolute; left:808px; top:415px; width:150px; height:111px; overflow: auto;"> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="add"></a> </div> <div class="aboutme2" style="position: absolute; left:0px; top:590px; width:200px; height:133px; overflow: auto;"> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="write"></a> </div>

I see a lot of people do these notebook layouts on here and they're wicked! Luv 'em very much! Each one has it's own flavor!

LOVE IT. Favorited.

IM like su in love with this i got everything down but the mouseovers dont fix right like theyre sticking out :P? ive been trying tu fix this fer over an hour..

I LOVE it... just one question. Where do I get the friends page URL where it says "Insert friends page URl here" ??

Jesus! Why do I always end up writing a book!
!Sorry!

I think what these folks are trying to say is when you "Copy-Paste" the codes to your "About/Like 2 Meet" that even though its a "Div-Overlay" Comments still continue to appear on the page and it just "Flows" down on the bottom towards the "Comment Link" and I think these people are trying to tell you that even though the concept of this layout is stunning..., the arrow directions and the movment of the mouse pointing onto the link is a bit confusing. [For me anyway] I dont know where to put the direct Links. But um... other than that =] Outstanding as usual!

i love your layouts, dude.. too much

i cannot get the size to fix my page...:c

whats not working

itz not working for me n i am inlove with it!

View all »

Designer	none345678
Submitted on	May 14, 2008
Page views	81,694
Favorites	906
Comments	128
Reviewer	highwayto4355
Approved on	May 14, 2008

abstract, bird, flower, drama, icp, insane clown posse, tech n9ne, him, eve 6

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts